
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="shortcut icon" type="image/x-icon" href="style/favicon.ico"/>
<link href="style/style.css" rel="stylesheet" type="text/css" />
<link href="style/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/gatling.js"></script>
<script src="js/menu.js"></script>
<script src="js/ellipsis.js"></script>
<script src="js/all_sessions.js"></script>
<script src="js/stats.js"></script>
<script src="js/highstock.js"></script>
<script src="js/highcharts-more.js"></script>
<script src="js/theme.js"></script>
<script src="js/unpack.js"></script>
<title>Gatling Stats - Global Information</title>
</head>
<body>
<div class="app-container">
<div class="frise"></div>
<div class="head">
  <div class="gatling-open-source">
    <a class="gatling-logo" href="https://gatling.io" target="blank_" title="Gatling Home Page"><img alt="Gatling" src="style/logo.svg"/></a>
    <a class="gatling-documentation" href="https://gatling.io/docs/" target="_blank">Documentation</a>
  </div>
  <a class="enterprise" href="https://gatling.io/enterprise/next-step/" target="_blank">Try <img alt="Gatling Enterprise" src="style/logo-enterprise.svg"/></a></div>
<div class="container details">
  <div class="nav">
    <ul></ul>
  </div>
    <div class="cadre">
      <div class="content">
        <div class="content-header">
          <div class="onglet">
            RinhaBackendSimulation
          </div>
          <div class="sous-menu" id="sousMenu">
            <div class="sous-menu-spacer">
              <div class="item ouvert"><a href="index.html">Global</a></div>
                <div class="item "><a id="details_link" href="#">Details</a></div>
              </div>
            </div>
          </div>
          <div class="content-in">
            <div class="container-article">
            <div class="article">
              
              
<div class="schema-container">

            <div id="ranges" class="schema ranges">
            </div>

            <div class="schema polar">
              <div id="container_number_of_requests"></div>
            </div>
<div class="simulation-card">
  <div class="simulation-version-information">
  <span class="simulation-information-title">Gatling Version</span>
    <span class="simulation-information-item">
      <span class="simulation-information-label">Version: </span>
      <span>3.9.5</span>
    </span>
    <span class="simulation-information-item">
      <span class="simulation-information-label">Released: </span>
      <span>2023-05-10</span>
    </span>
  </div>
  <div id="simulation-information" class="simulation-version-information">
    <span class="simulation-information-title">Run Information</span>
    <div class="simulation-information-container">
      <span class="simulation-information-item">
        <span class="simulation-information-label">Date: </span>
        <span>2023-08-23 14:34:07 GMT</span>
      </span>
      <span class="simulation-information-item">
        <span class="simulation-information-label">Duration: </span>
        <span>3m 24s </span>
      </span>
      <span class="simulation-tooltip simulation-information-item description" title="Description" data-content="alberto_souza">
        <span class="simulation-information-label">Description: </span>
        <span>alberto_souza</span>
      </span>

    </div>
  </div>
</div>
</div>

                      <div id="statistics_table_container">
                        <div id="stats" class="statistics extensible-geant collapsed">
                            <div class="title">
                              <div id="statistics_title" class="title_base"><span class="title_base_stats">Stats</span><span class="expand-table">Fixed height</span><span id="toggle-stats" class="toggle-table"></span><span class="collapse-table">Full size</span></div>
                              <div class="right">
                                  <button id="statistics_full_screen" class="statistics-button" onclick="openStatisticsTableModal()">Full Screen</button>
                                  <button class="statistics-button expand-all-button">Expand all groups</button>
                                  <button class="statistics-button collapse-all-button">Collapse all groups</button>
                              </div>
                            </div>
                            <div class="scrollable">
                              <table id="container_statistics_head" class="statistics-in extensible-geant">
                                  <thead>
                                      <tr>
                                          <th rowspan="2" id="col-1" class="header sortable sorted-up"><span>Requests</span></th>
                                          <th colspan="5" class="header"><span class="executions">Executions</span></th>
                                          <th colspan="8" class="header"><span class="response-time">Response Time (ms)</span></th>
                                      </tr>
                                      <tr>
                                          <th id="col-2" class="header sortable"><span>Total</span></th>
                                          <th id="col-3" class="header sortable"><span>OK</span></th>
                                          <th id="col-4" class="header sortable"><span>KO</span></th>
                                          <th id="col-5" class="header sortable"><span>% KO</span></th>
                                          <th id="col-6" class="header sortable"><span><abbr title="Count of events per second">Cnt/s</abbr></span></th>
                                          <th id="col-7" class="header sortable"><span>Min</span></th>
<th id="col-8" class="header sortable"><span>50th pct</span></th>
<th id="col-9" class="header sortable"><span>75th pct</span></th>
<th id="col-10" class="header sortable"><span>95th pct</span></th>
<th id="col-11" class="header sortable"><span>99th pct</span></th>
<th id="col-12" class="header sortable"><span>Max</span></th>
<th id="col-13" class="header sortable"><span>Mean</span></th>
<th id="col-14" class="header sortable"><span><abbr title="Standard Deviation">Std Dev</abbr></span></th>
                                      </tr>
                                  </thead>
                                  <tbody></tbody>
                              </table>
                              <table id="container_statistics_body" class="statistics-in extensible-geant">
                                  <tbody></tbody>
                              </table>
                            </div>
                        </div>
                      </div>
<dialog id="statistics_table_modal" class="statistics-table-modal">
  <div class="statistics-table-modal-header"><button class="button-modal" onclick="closeStatisticsTableModal()">x</button></div>
  <div class="statistics-table-modal-container">
    <div id="statistics_table_modal_content" class="statistics-table-modal-content"></div>
  </div>
</dialog>
<script>
function openStatisticsTableModal () {
  const statsTable = document.getElementById("stats");
  const statsTableModal = document.getElementById("statistics_table_modal");
  const fullScreenButton = document.getElementById("statistics_full_screen");

  fullScreenButton.disabled = true;

  if (typeof statsTableModal.showModal === "function") {
    const statsTableModalContent = document.getElementById("statistics_table_modal_content");

    statsTableModalContent.innerHTML = "";
    statsTableModalContent.appendChild(statsTable);
    statsTableModal.showModal();

    statsTableModal.addEventListener("close", function () {
      const container = document.getElementById("statistics_table_container");

      container.appendChild(statsTable);
      fullScreenButton.disabled = false;
    });
  } else {
    const incompatibleBrowserVersionMessage = document.createElement("div");

    incompatibleBrowserVersionMessage.innerText = "Sorry, the <dialog> API is not supported by this browser.";
    statsTable.insertBefore(incompatibleBrowserVersionMessage, statsTable.children[0]);
  }
}

function closeStatisticsTableModal () {
  const statsTableModal = document.getElementById("statistics_table_modal");

  statsTableModal.close();
}
</script>
<div class="statistics extensible-geant collapsed">
    <div class="title">
        Errors
    </div>
    <table id="container_errors" class="statistics-in extensible-geant">
        <thead>
            <tr>
                <th id="error-col-1" class="header sortable"><span>Error</span></th>
                <th id="error-col-2" class="header sortable"><span>Count</span></th>
                <th id="error-col-3" class="header sortable"><span>Percentage</span></th>
            </tr>
        </thead>
		<tbody>
		    
		    <tr>
		    	<td class="error-col-1 total ko">j.n.ConnectException: finishConnect(..) failed: Connection refused<span class="value" style="display:none">0</span></td>
		    	<td class="value error-col-2 total ko">68418</td>
		    	<td class="value error-col-3 total ko">100 %</td>
		    </tr>
		</tbody>
    </table>
</div>

            <div class="schema geant">
              <div id="active_users" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="responsetimeDistributionContainer" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="responsetimepercentilesovertimeokPercentilesContainer" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="requests" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="responses" class="geant"></div>
            </div>

            </div>
          </div>
        </div>
      </div>
    </div>
</div>
<script>
    var pageStats = stats.stats;
    $(document).ready(function() {
        $('.simulation-tooltip').popover({trigger:'hover', placement:'left'});
        setDetailsLinkUrl();
        setGlobalMenu();
        setActiveMenu();
        fillStats(pageStats);
        
Highcharts.setOptions({
  global: { useUTC: false }
});

var rangesChart = new Highcharts.Chart({
  chart: {
    renderTo: 'ranges',
    marginRight: 100
  },
  credits: { enabled: false },
  legend: { enabled: false },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  xAxis: {
    categories: [
      pageStats.group1.htmlName,
      pageStats.group2.htmlName,
      pageStats.group3.htmlName,
      pageStats.group4.htmlName
    ]
  },
  yAxis: {
    title: { text: 'Number of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      var s;
      if (this.point.name) { // the pie chart
        s = ''+ this.point.name +': '+ this.y +'% requests';
      } else {
        s = ''+ this.y + ' requests';
      }
      return s;
    }
  },
  plotOptions: {
    series: {
      stacking: 'normal',
      shadow: true
    }
  },
  series: [
    {
      type: 'column',
      data: [{
      	color: '#68b65c',
      	y: pageStats.group1.count
      },
      {
      	color: '#FFDD00',
      	y: pageStats.group2.count
      },
      {
      	color: '#FFA900',
      	y: pageStats.group3.count
      },
      {
      	color: '#f15b4f',
      	y: pageStats.group4.count
      }]
    },
    {
      type: 'pie',
      name: 'Percentages',
      data: [
        {
          name: pageStats.group1.name,
          y: pageStats.group1.percentage,
          color: '#68b65c'
        },
        {
          name: pageStats.group2.name,
          y: pageStats.group2.percentage,
          color: '#FFDD00'
        },
        {
          name: pageStats.group3.name,
          y: pageStats.group3.percentage,
          color: '#FFA900'
        },
        {
          name: pageStats.group4.name,
          y: pageStats.group4.percentage,
          color: '#f15b4f'
        }
      ],
      center: [345, 0],
      size: 90,
      showInLegend: false,
      dataLabels: { enabled: false }
    }
  ]
});

rangesChart.setTitle({
  text: '<span class="chart_title">Response Time Ranges</span>',
  useHTML: true
});

function numberOfRequestsDataForGroup(group) {
  var data = {names: [], oks: [], kos: []};

  $.each(group.contents, function(contentName, content) {
    if (content.type == 'GROUP') {
      var result = numberOfRequestsDataForGroup(content);
      data.names = data.names.concat(result.names);
      data.oks = data.oks.concat(result.oks);
      data.kos = data.kos.concat(result.kos);
    }
    else if (content.type == 'REQUEST') {
      data.names.push(content.path);
      data.oks.push(parseInt(content.stats.numberOfRequests.ok));
      data.kos.push(parseInt(content.stats.numberOfRequests.ko));
    }
  });

  return data;
}

var numberOfRequestsData = numberOfRequestsDataForGroup(stats);
var tickInterval = Math.ceil(numberOfRequestsData.names.length / 1000);

new Highcharts.Chart({
  chart: {
    renderTo:'container_number_of_requests',
    polar:true,
    type:'column',
    height:330
  },
  credits:{
    enabled:false
  },
  title:{
    text:'<span class="chart_title">Number of requests</span>',
    useHTML: true,
    widthAdjust:-20
  },
  xAxis:{
    tickmarkPlacement:'on',
    tickInterval: tickInterval,
    categories:numberOfRequestsData.names,
    labels:{ enabled:false }
  },
  yAxis:{
    min:0,
    reversedStacks: false
  },
  plotOptions:{
    series:{
      stacking:'normal',
      groupPadding:0,
      pointPlacement:'on',
      shadow: true
    }
  },
  legend: {
      borderWidth: 0,
      itemStyle: { fontWeight: "normal" },
      symbolRadius: 0
  },
  series:[
      {
      name:'OK',
      data:numberOfRequestsData.oks,
      color:"#68b65c"
    },
    {
      name:'KO',
      data:numberOfRequestsData.kos,
      color:"#f15b4f"
    }
  ]
});

	    $('#container_exceptions').sortable('#container_exceptions');
    

function generateHtmlRow(request, level, index, parent, group) {
    if (request.name == 'All Requests')
        var url = 'index.html';
    else
        var url = request.pathFormatted + '.html';

    if (group)
        var expandButtonStyle = '';
    else
        var expandButtonStyle = ' hidden';

    if (request.stats.numberOfRequests.total != 0)
        var koPercent = (request.stats.numberOfRequests.ko * 100 / request.stats.numberOfRequests.total).toFixed(0) + '%';
    else
        var koPercent = '-'

    return '<tr id="' + request.pathFormatted + '" data-parent=' + parent + '> \
        <td class="total col-1"> \
          <div class="expandable-container"> \
            <span id="' + request.pathFormatted + '" style="margin-left: ' + (level * 10) + 'px;" class="expand-button' + expandButtonStyle + '">&nbsp;</span> \
            <a href="' + url +'" class="withTooltip">' + ellipsedLabel({ name: request.name, parentClass: "table-cell-tooltip" }) + '</a><span class="value" style="display:none;">' + index + '</span> \
          </div> \
        </td> \
        <td class="value total col-2">' + request.stats.numberOfRequests.total + '</td> \
        <td class="value ok col-3">' + request.stats.numberOfRequests.ok + '</td> \
        <td class="value ko col-4">' + request.stats.numberOfRequests.ko + '</td> \
        <td class="value ko col-5">' + koPercent + '</td> \
        <td class="value total col-6">' + request.stats.meanNumberOfRequestsPerSecond.total + '</td> \
        <td class="value total col-7">' + request.stats.minResponseTime.total + '</td> \
        <td class="value total col-8">' + request.stats.percentiles1.total + '</td> \
        <td class="value total col-9">' + request.stats.percentiles2.total + '</td> \
        <td class="value total col-10">' + request.stats.percentiles3.total + '</td> \
        <td class="value total col-11">' + request.stats.percentiles4.total + '</td> \
        <td class="value total col-12">' + request.stats.maxResponseTime.total + '</td> \
        <td class="value total col-13">' + request.stats.meanResponseTime.total + '</td> \
        <td class="value total col-14">' + request.stats.standardDeviation.total + '</td> \
        </tr>';
}

function generateHtmlRowsForGroup(group, level, index, parent) {
    var buffer = '';

    if (!parent)
        parent = 'ROOT';
    else {
        buffer += generateHtmlRow(group, level - 1, index, parent, true);
        index++;
        parent = group.pathFormatted;
    }

    $.each(group.contents, function(contentName, content) {
        if (content.type == 'GROUP') {
            var result = generateHtmlRowsForGroup(content, level + 1, index, parent);
            buffer += result.html;
            index = result.index;
        }
        else if (content.type == 'REQUEST') {
            buffer += generateHtmlRow(content, level, index, parent);
            index++;
        }
    });

    return { html: buffer, index: index };
}

$('#container_statistics_head tbody').append(generateHtmlRow(stats, 0, 0));

var lines = generateHtmlRowsForGroup(stats, 0, 0);
$('#container_statistics_body tbody').append(lines.html);

$('#container_statistics_head').sortable('#container_statistics_body');
$('.statistics').expandable();

if (lines.index < 30) {
    $('#statistics_title span').attr('style', 'display: none;');
} else {
    $('#statistics_title').addClass('title_collapsed');
    $('#statistics_title').click(function() {
        $('#toggle-stats').toggleClass("off");
        $(this).toggleClass('title_collapsed').toggleClass('title_expanded');
        $('#container_statistics_body').parent().toggleClass('scrollable').toggleClass('');
    });
}
$('.table-cell-tooltip').popover({trigger:'hover'});

	    $('#container_errors').sortable('#container_errors');
    
allUsersData.yAxis = 0;

var allUsersChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'active_users',
    zoomType: 'x'
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    align: 'right',
    verticalAlign: 'top',
    layout: 'vertical',
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
        },
        select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis: {
    title: { text: 'Number of Active Users' },
    opposite: false,
    min: 0
  },
  series: [
    {
color: '#5E7BE2',
name: 'Busca Inválida de Pessoas',
data: [
  [1692801247000,3],[1692801248000,2],[1692801249000,2],[1692801250000,2],[1692801251000,2],[1692801252000,2],[1692801253000,2],[1692801254000,2],[1692801255000,3],[1692801256000,2],[1692801257000,2],[1692801258000,2],[1692801259000,2],[1692801260000,2],[1692801261000,2],[1692801262000,2],[1692801263000,2],[1692801264000,2],[1692801265000,2],[1692801266000,2],[1692801267000,2],[1692801268000,2],[1692801269000,2],[1692801270000,2],[1692801271000,2],[1692801272000,6],[1692801273000,6],[1692801274000,6],[1692801275000,7],[1692801276000,7],[1692801277000,7],[1692801278000,7],[1692801279000,8],[1692801280000,7],[1692801281000,8],[1692801282000,8],[1692801283000,8],[1692801284000,8],[1692801285000,9],[1692801286000,9],[1692801287000,9],[1692801288000,9],[1692801289000,9],[1692801290000,10],[1692801291000,9],[1692801292000,10],[1692801293000,10],[1692801294000,10],[1692801295000,11],[1692801296000,11],[1692801297000,10],[1692801298000,11],[1692801299000,12],[1692801300000,11],[1692801301000,12],[1692801302000,11],[1692801303000,12],[1692801304000,12],[1692801305000,13],[1692801306000,12],[1692801307000,13],[1692801308000,13],[1692801309000,13],[1692801310000,13],[1692801311000,14],[1692801312000,13],[1692801313000,14],[1692801314000,14],[1692801315000,14],[1692801316000,15],[1692801317000,14],[1692801318000,15],[1692801319000,15],[1692801320000,15],[1692801321000,16],[1692801322000,15],[1692801323000,16],[1692801324000,16],[1692801325000,16],[1692801326000,16],[1692801327000,17],[1692801328000,16],[1692801329000,17],[1692801330000,17],[1692801331000,18],[1692801332000,17],[1692801333000,18],[1692801334000,17],[1692801335000,18],[1692801336000,19],[1692801337000,18],[1692801338000,18],[1692801339000,19],[1692801340000,19],[1692801341000,19],[1692801342000,20],[1692801343000,19],[1692801344000,20],[1692801345000,20],[1692801346000,20],[1692801347000,20],[1692801348000,20],[1692801349000,21],[1692801350000,21],[1692801351000,21],[1692801352000,21],[1692801353000,22],[1692801354000,21],[1692801355000,22],[1692801356000,22],[1692801357000,22],[1692801358000,22],[1692801359000,23],[1692801360000,23],[1692801361000,23],[1692801362000,23],[1692801363000,23],[1692801364000,23],[1692801365000,24],[1692801366000,24],[1692801367000,24],[1692801368000,24],[1692801369000,25],[1692801370000,24],[1692801371000,25],[1692801372000,25],[1692801373000,25],[1692801374000,26],[1692801375000,26],[1692801376000,26],[1692801377000,27],[1692801378000,26],[1692801379000,26],[1692801380000,27],[1692801381000,26],[1692801382000,27],[1692801383000,27],[1692801384000,27],[1692801385000,28],[1692801386000,28],[1692801387000,27],[1692801388000,28],[1692801389000,29],[1692801390000,28],[1692801391000,29],[1692801392000,28],[1692801393000,29],[1692801394000,29],[1692801395000,30],[1692801396000,29],[1692801397000,30],[1692801398000,30],[1692801399000,30],[1692801400000,30],[1692801401000,31],[1692801402000,30],[1692801403000,31],[1692801404000,31],[1692801405000,31],[1692801406000,32],[1692801407000,31],[1692801408000,32],[1692801409000,32],[1692801410000,32],[1692801411000,33],[1692801412000,32],[1692801413000,33],[1692801414000,33],[1692801415000,33],[1692801416000,33],[1692801417000,34],[1692801418000,33],[1692801419000,34],[1692801420000,34],[1692801421000,35],[1692801422000,34],[1692801423000,35],[1692801424000,34],[1692801425000,35],[1692801426000,36],[1692801427000,35],[1692801428000,35],[1692801429000,36],[1692801430000,36],[1692801431000,36],[1692801432000,37],[1692801433000,36],[1692801434000,37],[1692801435000,37],[1692801436000,37],[1692801437000,37],[1692801438000,37],[1692801439000,38],[1692801440000,38],[1692801441000,38],[1692801442000,38],[1692801443000,39],[1692801444000,38],[1692801445000,39],[1692801446000,39],[1692801447000,39],[1692801448000,39],[1692801449000,40],[1692801450000,40],[1692801451000,38]
],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }},
{
color: '#68b65c',
name: 'Busca Válida de Pessoas',
data: [
  [1692801247000,3],[1692801248000,2],[1692801249000,2],[1692801250000,2],[1692801251000,2],[1692801252000,2],[1692801253000,2],[1692801254000,2],[1692801255000,3],[1692801256000,2],[1692801257000,2],[1692801258000,2],[1692801259000,2],[1692801260000,2],[1692801261000,2],[1692801262000,2],[1692801263000,2],[1692801264000,2],[1692801265000,2],[1692801266000,2],[1692801267000,2],[1692801268000,2],[1692801269000,2],[1692801270000,2],[1692801271000,2],[1692801272000,6],[1692801273000,7],[1692801274000,7],[1692801275000,8],[1692801276000,8],[1692801277000,9],[1692801278000,9],[1692801279000,10],[1692801280000,11],[1692801281000,11],[1692801282000,11],[1692801283000,12],[1692801284000,13],[1692801285000,13],[1692801286000,13],[1692801287000,14],[1692801288000,15],[1692801289000,15],[1692801290000,16],[1692801291000,16],[1692801292000,17],[1692801293000,17],[1692801294000,18],[1692801295000,18],[1692801296000,19],[1692801297000,19],[1692801298000,20],[1692801299000,20],[1692801300000,21],[1692801301000,22],[1692801302000,21],[1692801303000,23],[1692801304000,23],[1692801305000,23],[1692801306000,24],[1692801307000,25],[1692801308000,26],[1692801309000,26],[1692801310000,26],[1692801311000,26],[1692801312000,27],[1692801313000,28],[1692801314000,28],[1692801315000,29],[1692801316000,29],[1692801317000,30],[1692801318000,30],[1692801319000,31],[1692801320000,31],[1692801321000,32],[1692801322000,33],[1692801323000,33],[1692801324000,33],[1692801325000,34],[1692801326000,34],[1692801327000,35],[1692801328000,36],[1692801329000,36],[1692801330000,36],[1692801331000,38],[1692801332000,37],[1692801333000,38],[1692801334000,39],[1692801335000,39],[1692801336000,40],[1692801337000,40],[1692801338000,41],[1692801339000,41],[1692801340000,42],[1692801341000,42],[1692801342000,43],[1692801343000,43],[1692801344000,44],[1692801345000,44],[1692801346000,45],[1692801347000,46],[1692801348000,46],[1692801349000,46],[1692801350000,47],[1692801351000,48],[1692801352000,48],[1692801353000,48],[1692801354000,49],[1692801355000,50],[1692801356000,51],[1692801357000,51],[1692801358000,51],[1692801359000,52],[1692801360000,53],[1692801361000,53],[1692801362000,53],[1692801363000,54],[1692801364000,54],[1692801365000,55],[1692801366000,55],[1692801367000,56],[1692801368000,56],[1692801369000,57],[1692801370000,58],[1692801371000,58],[1692801372000,58],[1692801373000,59],[1692801374000,60],[1692801375000,60],[1692801376000,60],[1692801377000,61],[1692801378000,62],[1692801379000,62],[1692801380000,63],[1692801381000,63],[1692801382000,64],[1692801383000,64],[1692801384000,65],[1692801385000,65],[1692801386000,66],[1692801387000,66],[1692801388000,67],[1692801389000,67],[1692801390000,68],[1692801391000,69],[1692801392000,68],[1692801393000,70],[1692801394000,70],[1692801395000,70],[1692801396000,71],[1692801397000,72],[1692801398000,72],[1692801399000,73],[1692801400000,73],[1692801401000,73],[1692801402000,74],[1692801403000,75],[1692801404000,75],[1692801405000,77],[1692801406000,76],[1692801407000,77],[1692801408000,77],[1692801409000,78],[1692801410000,78],[1692801411000,79],[1692801412000,80],[1692801413000,80],[1692801414000,80],[1692801415000,81],[1692801416000,81],[1692801417000,82],[1692801418000,83],[1692801419000,83],[1692801420000,83],[1692801421000,85],[1692801422000,84],[1692801423000,85],[1692801424000,86],[1692801425000,86],[1692801426000,87],[1692801427000,87],[1692801428000,88],[1692801429000,88],[1692801430000,89],[1692801431000,89],[1692801432000,90],[1692801433000,90],[1692801434000,91],[1692801435000,91],[1692801436000,92],[1692801437000,93],[1692801438000,93],[1692801439000,93],[1692801440000,94],[1692801441000,95],[1692801442000,95],[1692801443000,95],[1692801444000,96],[1692801445000,97],[1692801446000,97],[1692801447000,98],[1692801448000,98],[1692801449000,99],[1692801450000,99],[1692801451000,96]
],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }},
{
color: '#f15b4f',
name: 'Criação E Talvez Consulta de Pessoas',
data: [
  [1692801247000,3],[1692801248000,2],[1692801249000,3],[1692801250000,2],[1692801251000,2],[1692801252000,2],[1692801253000,2],[1692801254000,2],[1692801255000,3],[1692801256000,1],[1692801257000,2],[1692801258000,2],[1692801259000,4],[1692801260000,5],[1692801261000,5],[1692801262000,10],[1692801263000,9],[1692801264000,4],[1692801265000,3],[1692801266000,10],[1692801267000,5],[1692801268000,6],[1692801269000,6],[1692801270000,7],[1692801271000,4],[1692801272000,7],[1692801273000,11],[1692801274000,14],[1692801275000,18],[1692801276000,21],[1692801277000,25],[1692801278000,28],[1692801279000,32],[1692801280000,35],[1692801281000,39],[1692801282000,41],[1692801283000,44],[1692801284000,49],[1692801285000,52],[1692801286000,55],[1692801287000,59],[1692801288000,61],[1692801289000,65],[1692801290000,68],[1692801291000,71],[1692801292000,75],[1692801293000,78],[1692801294000,82],[1692801295000,86],[1692801296000,89],[1692801297000,91],[1692801298000,94],[1692801299000,97],[1692801300000,102],[1692801301000,106],[1692801302000,108],[1692801303000,112],[1692801304000,115],[1692801305000,119],[1692801306000,121],[1692801307000,126],[1692801308000,129],[1692801309000,133],[1692801310000,136],[1692801311000,140],[1692801312000,141],[1692801313000,145],[1692801314000,148],[1692801315000,152],[1692801316000,155],[1692801317000,160],[1692801318000,162],[1692801319000,165],[1692801320000,170],[1692801321000,174],[1692801322000,175],[1692801323000,182],[1692801324000,183],[1692801325000,186],[1692801326000,187],[1692801327000,191],[1692801328000,196],[1692801329000,199],[1692801330000,203],[1692801331000,207],[1692801332000,209],[1692801333000,211],[1692801334000,216],[1692801335000,219],[1692801336000,224],[1692801337000,225],[1692801338000,230],[1692801339000,233],[1692801340000,236],[1692801341000,238],[1692801342000,242],[1692801343000,246],[1692801344000,249],[1692801345000,253],[1692801346000,257],[1692801347000,259],[1692801348000,263],[1692801349000,265],[1692801350000,271],[1692801351000,273],[1692801352000,275],[1692801353000,280],[1692801354000,284],[1692801355000,289],[1692801356000,289],[1692801357000,293],[1692801358000,295],[1692801359000,299],[1692801360000,301],[1692801361000,304],[1692801362000,309],[1692801363000,312],[1692801364000,316],[1692801365000,319],[1692801366000,322],[1692801367000,325],[1692801368000,329],[1692801369000,331],[1692801370000,339],[1692801371000,341],[1692801372000,341],[1692801373000,346],[1692801374000,347],[1692801375000,354],[1692801376000,357],[1692801377000,359],[1692801378000,362],[1692801379000,367],[1692801380000,368],[1692801381000,371],[1692801382000,374],[1692801383000,382],[1692801384000,384],[1692801385000,385],[1692801386000,391],[1692801387000,393],[1692801388000,396],[1692801389000,400],[1692801390000,405],[1692801391000,408],[1692801392000,412],[1692801393000,413],[1692801394000,419],[1692801395000,421],[1692801396000,424],[1692801397000,427],[1692801398000,431],[1692801399000,434],[1692801400000,439],[1692801401000,442],[1692801402000,445],[1692801403000,445],[1692801404000,448],[1692801405000,454],[1692801406000,457],[1692801407000,460],[1692801408000,466],[1692801409000,469],[1692801410000,471],[1692801411000,477],[1692801412000,476],[1692801413000,482],[1692801414000,483],[1692801415000,489],[1692801416000,488],[1692801417000,495],[1692801418000,495],[1692801419000,502],[1692801420000,503],[1692801421000,510],[1692801422000,510],[1692801423000,511],[1692801424000,518],[1692801425000,523],[1692801426000,523],[1692801427000,526],[1692801428000,532],[1692801429000,534],[1692801430000,539],[1692801431000,539],[1692801432000,541],[1692801433000,549],[1692801434000,549],[1692801435000,557],[1692801436000,557],[1692801437000,562],[1692801438000,562],[1692801439000,567],[1692801440000,573],[1692801441000,577],[1692801442000,575],[1692801443000,583],[1692801444000,585],[1692801445000,591],[1692801446000,592],[1692801447000,594],[1692801448000,596],[1692801449000,599],[1692801450000,605],[1692801451000,582]
],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }},

    allUsersData
  ]
});


allUsersChart.setTitle({
  text: '<span class="chart_title">Active Users along the Simulation</span>',
  useHTML: true
});

allUsersData.yAxis = 1;

var responsetimeDistributionChart = new Highcharts.Chart({
  chart: {
    renderTo: 'responsetimeDistributionContainer',
    type: 'column',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: 5,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  xAxis: {
    categories: ['0', '1', '2', '3', '4', '5', '6', '7', '8', '10', '11', '12', '17', '21', '27'],
    tickInterval: 20
  },
  yAxis: {
    min: 0,
    title: { text: 'Percentage of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      return '<b>'+ this.x +' ms</b><br/>'+
      this.series.name +': '+ this.y +' %<br/>'+
      'Total: '+ this.point.stackTotal + ' %';
    }
  },
  plotOptions: {
    series: {
      groupPadding: 0,
      stacking: 'normal',
	    shadow: true
    }
  },
  series: [
  	{
type: 'column',
color: '#68b65c',
name: 'OK',
data: [
  
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
},
  	{
type: 'column',
color: '#f15b4f',
name: 'KO',
data: [
  81.39,18.46,0.07,0.02,0.01,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
}
  ]
});

responsetimeDistributionChart.setTitle({
  text: '<span class="chart_title">Response Time Distribution</span>',
  useHTML: true
});

var responsetimepercentilesovertimeokPercentiles = unpack([[1692801247,null],[1692801248,null],[1692801249,null],[1692801250,null],[1692801251,null],[1692801252,null],[1692801253,null],[1692801254,null],[1692801255,null],[1692801256,null],[1692801257,null],[1692801258,null],[1692801259,null],[1692801260,null],[1692801261,null],[1692801262,null],[1692801263,null],[1692801264,null],[1692801265,null],[1692801266,null],[1692801267,null],[1692801268,null],[1692801269,null],[1692801270,null],[1692801271,null],[1692801272,null],[1692801273,null],[1692801274,null],[1692801275,null],[1692801276,null],[1692801277,null],[1692801278,null],[1692801279,null],[1692801280,null],[1692801281,null],[1692801282,null],[1692801283,null],[1692801284,null],[1692801285,null],[1692801286,null],[1692801287,null],[1692801288,null],[1692801289,null],[1692801290,null],[1692801291,null],[1692801292,null],[1692801293,null],[1692801294,null],[1692801295,null],[1692801296,null],[1692801297,null],[1692801298,null],[1692801299,null],[1692801300,null],[1692801301,null],[1692801302,null],[1692801303,null],[1692801304,null],[1692801305,null],[1692801306,null],[1692801307,null],[1692801308,null],[1692801309,null],[1692801310,null],[1692801311,null],[1692801312,null],[1692801313,null],[1692801314,null],[1692801315,null],[1692801316,null],[1692801317,null],[1692801318,null],[1692801319,null],[1692801320,null],[1692801321,null],[1692801322,null],[1692801323,null],[1692801324,null],[1692801325,null],[1692801326,null],[1692801327,null],[1692801328,null],[1692801329,null],[1692801330,null],[1692801331,null],[1692801332,null],[1692801333,null],[1692801334,null],[1692801335,null],[1692801336,null],[1692801337,null],[1692801338,null],[1692801339,null],[1692801340,null],[1692801341,null],[1692801342,null],[1692801343,null],[1692801344,null],[1692801345,null],[1692801346,null],[1692801347,null],[1692801348,null],[1692801349,null],[1692801350,null],[1692801351,null],[1692801352,null],[1692801353,null],[1692801354,null],[1692801355,null],[1692801356,null],[1692801357,null],[1692801358,null],[1692801359,null],[1692801360,null],[1692801361,null],[1692801362,null],[1692801363,null],[1692801364,null],[1692801365,null],[1692801366,null],[1692801367,null],[1692801368,null],[1692801369,null],[1692801370,null],[1692801371,null],[1692801372,null],[1692801373,null],[1692801374,null],[1692801375,null],[1692801376,null],[1692801377,null],[1692801378,null],[1692801379,null],[1692801380,null],[1692801381,null],[1692801382,null],[1692801383,null],[1692801384,null],[1692801385,null],[1692801386,null],[1692801387,null],[1692801388,null],[1692801389,null],[1692801390,null],[1692801391,null],[1692801392,null],[1692801393,null],[1692801394,null],[1692801395,null],[1692801396,null],[1692801397,null],[1692801398,null],[1692801399,null],[1692801400,null],[1692801401,null],[1692801402,null],[1692801403,null],[1692801404,null],[1692801405,null],[1692801406,null],[1692801407,null],[1692801408,null],[1692801409,null],[1692801410,null],[1692801411,null],[1692801412,null],[1692801413,null],[1692801414,null],[1692801415,null],[1692801416,null],[1692801417,null],[1692801418,null],[1692801419,null],[1692801420,null],[1692801421,null],[1692801422,null],[1692801423,null],[1692801424,null],[1692801425,null],[1692801426,null],[1692801427,null],[1692801428,null],[1692801429,null],[1692801430,null],[1692801431,null],[1692801432,null],[1692801433,null],[1692801434,null],[1692801435,null],[1692801436,null],[1692801437,null],[1692801438,null],[1692801439,null],[1692801440,null],[1692801441,null],[1692801442,null],[1692801443,null],[1692801444,null],[1692801445,null],[1692801446,null],[1692801447,null],[1692801448,null],[1692801449,null],[1692801450,null],[1692801451,null]]);

var responsetimepercentilesovertimeokPercentilesChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responsetimepercentilesovertimeokPercentilesContainer',
    zoomType: 'x',
    marginBottom: 60
  },
  colors: ['#c4fd90', '#7ff77f', '#6ff2ad', '#61ede6', '#58c7e0', '#4ea1d4', '#487ad9', '#3f52cc', '#7335dc', '#c73905', '#FFA900'],
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false,
    baseSeries: 9
  },
  rangeSelector: {
    rangeSelector: { align: "left" },
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#92918C',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
        },
        select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Response Time (ms)' },
      opposite: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  plotOptions: {
    arearange: { lineWidth: 1 },
    series: {
      dataGrouping: { enabled: false }
    }
  },
  series: [
  
    
         {
pointInterval: 1000,
name: 'min',
data: responsetimepercentilesovertimeokPercentiles[0],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 10
},
         {
pointInterval: 1000,
name: '25%',
data: responsetimepercentilesovertimeokPercentiles[1],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 9
},
         {
pointInterval: 1000,
name: '50%',
data: responsetimepercentilesovertimeokPercentiles[2],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 8
},
         {
pointInterval: 1000,
name: '75%',
data: responsetimepercentilesovertimeokPercentiles[3],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 7
},
         {
pointInterval: 1000,
name: '80%',
data: responsetimepercentilesovertimeokPercentiles[4],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 6
},
         {
pointInterval: 1000,
name: '85%',
data: responsetimepercentilesovertimeokPercentiles[5],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 5
},
         {
pointInterval: 1000,
name: '90%',
data: responsetimepercentilesovertimeokPercentiles[6],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 4
},
         {
pointInterval: 1000,
name: '95%',
data: responsetimepercentilesovertimeokPercentiles[7],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 3
},
         {
pointInterval: 1000,
name: '99%',
data: responsetimepercentilesovertimeokPercentiles[8],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 2
},
         {
pointInterval: 1000,
name: 'max',
data: responsetimepercentilesovertimeokPercentiles[9],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 1
},
  allUsersData
  ]
});

responsetimepercentilesovertimeokPercentilesChart.setTitle({
  text: '<span class="chart_title chart_title_">Response Time Percentiles over Time (OK)</span>',
  useHTML: true
});

var requests = unpack([[1692801247,[6,0,6]],[1692801248,[6,0,6]],[1692801249,[6,0,6]],[1692801250,[6,0,6]],[1692801251,[6,0,6]],[1692801252,[6,0,6]],[1692801253,[6,0,6]],[1692801254,[6,0,6]],[1692801255,[6,0,6]],[1692801256,[6,0,6]],[1692801257,[6,0,6]],[1692801258,[6,0,6]],[1692801259,[7,0,7]],[1692801260,[9,0,9]],[1692801261,[7,0,7]],[1692801262,[14,0,14]],[1692801263,[10,0,10]],[1692801264,[9,0,9]],[1692801265,[10,0,10]],[1692801266,[7,0,7]],[1692801267,[13,0,13]],[1692801268,[8,0,8]],[1692801269,[11,0,11]],[1692801270,[12,0,12]],[1692801271,[9,0,9]],[1692801272,[12,0,12]],[1692801273,[21,0,21]],[1692801274,[26,0,26]],[1692801275,[30,0,30]],[1692801276,[35,0,35]],[1692801277,[37,0,37]],[1692801278,[42,0,42]],[1692801279,[47,0,47]],[1692801280,[50,0,50]],[1692801281,[55,0,55]],[1692801282,[58,0,58]],[1692801283,[62,0,62]],[1692801284,[66,0,66]],[1692801285,[70,0,70]],[1692801286,[75,0,75]],[1692801287,[78,0,78]],[1692801288,[83,0,83]],[1692801289,[86,0,86]],[1692801290,[91,0,91]],[1692801291,[94,0,94]],[1692801292,[99,0,99]],[1692801293,[102,0,102]],[1692801294,[106,0,106]],[1692801295,[110,0,110]],[1692801296,[115,0,115]],[1692801297,[119,0,119]],[1692801298,[121,0,121]],[1692801299,[127,0,127]],[1692801300,[130,0,130]],[1692801301,[135,0,135]],[1692801302,[139,0,139]],[1692801303,[141,0,141]],[1692801304,[147,0,147]],[1692801305,[151,0,151]],[1692801306,[154,0,154]],[1692801307,[160,0,160]],[1692801308,[162,0,162]],[1692801309,[168,0,168]],[1692801310,[170,0,170]],[1692801311,[174,0,174]],[1692801312,[178,0,178]],[1692801313,[182,0,182]],[1692801314,[187,0,187]],[1692801315,[190,0,190]],[1692801316,[196,0,196]],[1692801317,[198,0,198]],[1692801318,[203,0,203]],[1692801319,[206,0,206]],[1692801320,[211,0,211]],[1692801321,[215,0,215]],[1692801322,[219,0,219]],[1692801323,[222,0,222]],[1692801324,[227,0,227]],[1692801325,[231,0,231]],[1692801326,[235,0,235]],[1692801327,[238,0,238]],[1692801328,[243,0,243]],[1692801329,[247,0,247]],[1692801330,[251,0,251]],[1692801331,[255,0,255]],[1692801332,[259,0,259]],[1692801333,[262,0,262]],[1692801334,[268,0,268]],[1692801335,[269,0,269]],[1692801336,[277,0,277]],[1692801337,[278,0,278]],[1692801338,[283,0,283]],[1692801339,[287,0,287]],[1692801340,[291,0,291]],[1692801341,[295,0,295]],[1692801342,[299,0,299]],[1692801343,[303,0,303]],[1692801344,[306,0,306]],[1692801345,[311,0,311]],[1692801346,[315,0,315]],[1692801347,[319,0,319]],[1692801348,[322,0,322]],[1692801349,[328,0,328]],[1692801350,[331,0,331]],[1692801351,[335,0,335]],[1692801352,[339,0,339]],[1692801353,[343,0,343]],[1692801354,[347,0,347]],[1692801355,[350,0,350]],[1692801356,[356,0,356]],[1692801357,[359,0,359]],[1692801358,[363,0,363]],[1692801359,[368,0,368]],[1692801360,[372,0,372]],[1692801361,[375,0,375]],[1692801362,[379,0,379]],[1692801363,[384,0,384]],[1692801364,[386,0,386]],[1692801365,[390,0,390]],[1692801366,[396,0,396]],[1692801367,[400,0,400]],[1692801368,[402,0,402]],[1692801369,[407,0,407]],[1692801370,[412,0,412]],[1692801371,[416,0,416]],[1692801372,[419,0,419]],[1692801373,[422,0,422]],[1692801374,[428,0,428]],[1692801375,[432,0,432]],[1692801376,[436,0,436]],[1692801377,[438,0,438]],[1692801378,[443,0,443]],[1692801379,[448,0,448]],[1692801380,[451,0,451]],[1692801381,[454,0,454]],[1692801382,[461,0,461]],[1692801383,[463,0,463]],[1692801384,[466,0,466]],[1692801385,[473,0,473]],[1692801386,[476,0,476]],[1692801387,[479,0,479]],[1692801388,[483,0,483]],[1692801389,[487,0,487]],[1692801390,[492,0,492]],[1692801391,[497,0,497]],[1692801392,[499,0,499]],[1692801393,[501,0,501]],[1692801394,[508,0,508]],[1692801395,[512,0,512]],[1692801396,[516,0,516]],[1692801397,[520,0,520]],[1692801398,[523,0,523]],[1692801399,[528,0,528]],[1692801400,[532,0,532]],[1692801401,[535,0,535]],[1692801402,[539,0,539]],[1692801403,[543,0,543]],[1692801404,[548,0,548]],[1692801405,[551,0,551]],[1692801406,[557,0,557]],[1692801407,[559,0,559]],[1692801408,[564,0,564]],[1692801409,[567,0,567]],[1692801410,[573,0,573]],[1692801411,[575,0,575]],[1692801412,[581,0,581]],[1692801413,[583,0,583]],[1692801414,[588,0,588]],[1692801415,[589,0,589]],[1692801416,[598,0,598]],[1692801417,[600,0,600]],[1692801418,[603,0,603]],[1692801419,[608,0,608]],[1692801420,[612,0,612]],[1692801421,[616,0,616]],[1692801422,[621,0,621]],[1692801423,[622,0,622]],[1692801424,[628,0,628]],[1692801425,[631,0,631]],[1692801426,[637,0,637]],[1692801427,[640,0,640]],[1692801428,[643,0,643]],[1692801429,[649,0,649]],[1692801430,[652,0,652]],[1692801431,[656,0,656]],[1692801432,[660,0,660]],[1692801433,[663,0,663]],[1692801434,[668,0,668]],[1692801435,[672,0,672]],[1692801436,[676,0,676]],[1692801437,[680,0,680]],[1692801438,[684,0,684]],[1692801439,[689,0,689]],[1692801440,[691,0,691]],[1692801441,[696,0,696]],[1692801442,[701,0,701]],[1692801443,[704,0,704]],[1692801444,[707,0,707]],[1692801445,[713,0,713]],[1692801446,[717,0,717]],[1692801447,[720,0,720]],[1692801448,[722,0,722]],[1692801449,[730,0,730]],[1692801450,[732,0,732]],[1692801451,[1076,0,1076]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'requests',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of requests' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: requests[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData
  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of requests per second</span>',
  useHTML: true
});

var responses = unpack([[1692801247,[6,0,6]],[1692801248,[6,0,6]],[1692801249,[6,0,6]],[1692801250,[6,0,6]],[1692801251,[6,0,6]],[1692801252,[6,0,6]],[1692801253,[6,0,6]],[1692801254,[6,0,6]],[1692801255,[6,0,6]],[1692801256,[6,0,6]],[1692801257,[6,0,6]],[1692801258,[6,0,6]],[1692801259,[7,0,7]],[1692801260,[9,0,9]],[1692801261,[7,0,7]],[1692801262,[14,0,14]],[1692801263,[10,0,10]],[1692801264,[9,0,9]],[1692801265,[10,0,10]],[1692801266,[7,0,7]],[1692801267,[13,0,13]],[1692801268,[8,0,8]],[1692801269,[11,0,11]],[1692801270,[12,0,12]],[1692801271,[9,0,9]],[1692801272,[12,0,12]],[1692801273,[21,0,21]],[1692801274,[26,0,26]],[1692801275,[30,0,30]],[1692801276,[35,0,35]],[1692801277,[37,0,37]],[1692801278,[42,0,42]],[1692801279,[47,0,47]],[1692801280,[50,0,50]],[1692801281,[55,0,55]],[1692801282,[58,0,58]],[1692801283,[62,0,62]],[1692801284,[66,0,66]],[1692801285,[70,0,70]],[1692801286,[74,0,74]],[1692801287,[79,0,79]],[1692801288,[83,0,83]],[1692801289,[86,0,86]],[1692801290,[91,0,91]],[1692801291,[94,0,94]],[1692801292,[99,0,99]],[1692801293,[102,0,102]],[1692801294,[106,0,106]],[1692801295,[110,0,110]],[1692801296,[115,0,115]],[1692801297,[119,0,119]],[1692801298,[120,0,120]],[1692801299,[128,0,128]],[1692801300,[130,0,130]],[1692801301,[135,0,135]],[1692801302,[139,0,139]],[1692801303,[141,0,141]],[1692801304,[147,0,147]],[1692801305,[150,0,150]],[1692801306,[155,0,155]],[1692801307,[160,0,160]],[1692801308,[162,0,162]],[1692801309,[168,0,168]],[1692801310,[169,0,169]],[1692801311,[174,0,174]],[1692801312,[178,0,178]],[1692801313,[183,0,183]],[1692801314,[187,0,187]],[1692801315,[190,0,190]],[1692801316,[196,0,196]],[1692801317,[198,0,198]],[1692801318,[203,0,203]],[1692801319,[206,0,206]],[1692801320,[211,0,211]],[1692801321,[215,0,215]],[1692801322,[219,0,219]],[1692801323,[222,0,222]],[1692801324,[227,0,227]],[1692801325,[231,0,231]],[1692801326,[235,0,235]],[1692801327,[238,0,238]],[1692801328,[243,0,243]],[1692801329,[247,0,247]],[1692801330,[251,0,251]],[1692801331,[255,0,255]],[1692801332,[259,0,259]],[1692801333,[262,0,262]],[1692801334,[268,0,268]],[1692801335,[269,0,269]],[1692801336,[276,0,276]],[1692801337,[279,0,279]],[1692801338,[283,0,283]],[1692801339,[287,0,287]],[1692801340,[290,0,290]],[1692801341,[296,0,296]],[1692801342,[299,0,299]],[1692801343,[303,0,303]],[1692801344,[306,0,306]],[1692801345,[310,0,310]],[1692801346,[316,0,316]],[1692801347,[319,0,319]],[1692801348,[322,0,322]],[1692801349,[328,0,328]],[1692801350,[331,0,331]],[1692801351,[335,0,335]],[1692801352,[339,0,339]],[1692801353,[343,0,343]],[1692801354,[347,0,347]],[1692801355,[350,0,350]],[1692801356,[356,0,356]],[1692801357,[359,0,359]],[1692801358,[363,0,363]],[1692801359,[368,0,368]],[1692801360,[372,0,372]],[1692801361,[375,0,375]],[1692801362,[379,0,379]],[1692801363,[384,0,384]],[1692801364,[386,0,386]],[1692801365,[390,0,390]],[1692801366,[396,0,396]],[1692801367,[400,0,400]],[1692801368,[402,0,402]],[1692801369,[407,0,407]],[1692801370,[412,0,412]],[1692801371,[416,0,416]],[1692801372,[419,0,419]],[1692801373,[422,0,422]],[1692801374,[428,0,428]],[1692801375,[431,0,431]],[1692801376,[437,0,437]],[1692801377,[438,0,438]],[1692801378,[443,0,443]],[1692801379,[448,0,448]],[1692801380,[450,0,450]],[1692801381,[455,0,455]],[1692801382,[461,0,461]],[1692801383,[463,0,463]],[1692801384,[466,0,466]],[1692801385,[473,0,473]],[1692801386,[476,0,476]],[1692801387,[479,0,479]],[1692801388,[483,0,483]],[1692801389,[487,0,487]],[1692801390,[492,0,492]],[1692801391,[497,0,497]],[1692801392,[498,0,498]],[1692801393,[502,0,502]],[1692801394,[508,0,508]],[1692801395,[512,0,512]],[1692801396,[516,0,516]],[1692801397,[520,0,520]],[1692801398,[523,0,523]],[1692801399,[528,0,528]],[1692801400,[532,0,532]],[1692801401,[535,0,535]],[1692801402,[539,0,539]],[1692801403,[543,0,543]],[1692801404,[548,0,548]],[1692801405,[551,0,551]],[1692801406,[557,0,557]],[1692801407,[559,0,559]],[1692801408,[564,0,564]],[1692801409,[567,0,567]],[1692801410,[573,0,573]],[1692801411,[575,0,575]],[1692801412,[581,0,581]],[1692801413,[583,0,583]],[1692801414,[588,0,588]],[1692801415,[589,0,589]],[1692801416,[598,0,598]],[1692801417,[600,0,600]],[1692801418,[603,0,603]],[1692801419,[608,0,608]],[1692801420,[612,0,612]],[1692801421,[616,0,616]],[1692801422,[621,0,621]],[1692801423,[622,0,622]],[1692801424,[628,0,628]],[1692801425,[631,0,631]],[1692801426,[637,0,637]],[1692801427,[640,0,640]],[1692801428,[643,0,643]],[1692801429,[649,0,649]],[1692801430,[651,0,651]],[1692801431,[656,0,656]],[1692801432,[661,0,661]],[1692801433,[663,0,663]],[1692801434,[668,0,668]],[1692801435,[672,0,672]],[1692801436,[676,0,676]],[1692801437,[680,0,680]],[1692801438,[684,0,684]],[1692801439,[688,0,688]],[1692801440,[692,0,692]],[1692801441,[696,0,696]],[1692801442,[701,0,701]],[1692801443,[704,0,704]],[1692801444,[707,0,707]],[1692801445,[713,0,713]],[1692801446,[717,0,717]],[1692801447,[720,0,720]],[1692801448,[722,0,722]],[1692801449,[729,0,729]],[1692801450,[733,0,733]],[1692801451,[1076,0,1076]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responses',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of responses' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: responses[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
},
{
color: '#68b65c',
name: 'OK',
data: responses[1],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
{
color: '#f15b4f',
name: 'KO',
data: responses[2],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData,
{
  
type: 'pie',
name: 'Distribution',
data: [
  {name: 'OK', y: 0.0, color: '#68b65c'},{name: 'KO', y: 68418.0, color: '#f15b4f'}
],
center: [775, -40],
size: 70,
showInLegend: false,
dataLabels: { enabled: false },
dataGrouping: { enabled: false }

}

  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of responses per second</span>',
  useHTML: true
});

    });
</script>
</div>
</body>
</html>
